@function rem($s){
    @return ($s/64)*1rem
}
body{
    // background: red;
}

$testbord:1px solid #e3e3e3;
$sub-color:#727272;

.card-model li{
    padding: 0 8px;
    border-right: 5px solid rgb(236, 67, 67);
}
.card-model li:nth-of-type(2){
    border-right: 5px solid rgb(73, 73, 199);
}
.card-model li:nth-of-type(3){
    border-right: 5px solid rgb(49, 153, 84);
}
.card-m-list{
    border-bottom:$testbord;
    padding:4% 0;
    .left{
        float: left;
        width:22%;
        // height: rem(60);
        // border: $testbord;
        .imgbox{
            width: rem(102);
            height: rem(102);
            // border: $testbord;
            border-radius: 50%;
            overflow: hidden;
            // float: 
            margin: 0 auto;

        }
    }
    .right{
        float: left;
        width:76%;
        height: rem(106);
        // border: $testbord;
        // line-height: 2em;
        .title{
            font-size: rem(32);
        }
        .remarks{
            font-size: rem(26);
            color: #666;
        }

    }
}

.card-hidden{
    background: rgb(224, 224, 224);
    padding: 2%;
    display: none;
}